<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Hello MiniUI!</title>
    <!--jQuery js-->
    <script th:src="@{/miniui/jquery.min.js}" type="text/javascript"></script>
    <!--MiniUI-->
    <link th:href="@{/miniui/miniui.css}" rel="stylesheet" type="text/css">
    <script th:src="@{/miniui/miniui.js}" type="text/javascript"></script>
</head>
<body>
    <!--<input id="helloBtn" class="mini-button" text="Hello" onclick="onHelloClick"/>-->

    <!--<script type="text/javascript">-->
        <!--function onHelloClick(e) {-->
            <!--var button = e.sender;-->
            <!--mini.alert("Hello MiniUI!");-->
        <!--}-->
    <!--</script>-->


    <div id="datagrid1" class="mini-datagrid" style="width:800px;height:280px;"

         url="http://localhost:8080/users" idField="id"
         allowResize="true" pageSize="20"
         allowCellEdit="true" allowCellSelect="true" multiSelect="true"
    >
        <div property="columns">
            <div type="checkcolumn"></div>
            <div field="loginname" width="120" headerAlign="center" allowSort="true">员工帐号
                <input property="editor" class="mini-textbox" style="width:100%;"/>
            </div>
            <div field="gender" width="100" renderer="onGenderRenderer" align="center" headerAlign="center">性别
                <input property="editor" class="mini-combobox" style="width:100%;" data="Genders"/>
            </div>
            <div field="age" width="100" allowSort="true" >年龄
                <input property="editor" class="mini-spinner" minValue="0" maxValue="200" value="25" style="width:100%;"/>
            </div>
            <div field="birthday" width="100" allowSort="true" dateFormat="yyyy-MM-dd">出生日期
                <input property="editor" class="mini-datepicker" style="width:100%;"/>
            </div>
            <div field="remarks" width="120" headerAlign="center" allowSort="true">备注
                <input property="editor" class="mini-textarea" style="width:100%;" minHeight="80"/>
            </div>
            <div field="createtime" width="100" headerAlign="center" dateFormat="yyyy-MM-dd" allowSort="true">创建日期</div>
        </div>
    </div>
</body>
</html>